@import "../../less/Bustling";

html {
  height: 100%;
  font-size: 62.5%;
  font: 11px/1.5em 'Microsoft YaHei';
  color: #000;
}

body {
  height: 100%;

  @bg0: "img/low_contrast_linen_@2X.png";
  @bg1: "img/bgs/bg1.jpg";
  @bg2: "img/bgs/bg2.jpg";
  @bg3: "img/bgs/bg3.jpg";
  @bg4: "img/bgs/bg4.jpg";
  @bg5: "img/bgs/bg5.jpg";
  @bg6: "img/bgs/bg6.jpg";
  @bg7: "img/bgs/bg7.jpg";

  .bg0 {
    .bgTile(@bg0);
  }

  .bg1 {
    .bgTile(@bg1);
  }

  .bg2 {
    .bgTile(@bg2);
  }

  .bg3 {
    .bgTile(@bg3);
  }

  .bg4 {
    .bgTile(@bg4);
  }

  .bg5 {
    .bgTile(@bg5);
  }

  .bg6 {
    .bgStretch(@bg6);
  }

  .bg7 {
    .bgStretch(@bg7);
  }

  //  .bg0;
  .bg1;
  //  .bg2;
  //  .bg3;
  //  .bg4;
  //  .bg5;
  //  .bg6;
  //  .bg7;
  .flex;
}

.loginBox {
  .flex-direction(column);
  .width(720px);
  .height(360px);
  margin-top: -200px;
  .RoundedShadow();

  & > section {
    width: 100%;
  }

  .regist {
    padding-top: 15px;
    padding-left: 25px;
  }

}
